<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<title>密码学平台 登录</title>
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
		<a class="navbar-brand" href="index.html">密码学训练平台</a>
		<div class="collapse navbar-collapse">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item">
					<a class="nav-link" href="index.html">首页</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="problems.html">题目</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="rank.html">排行榜</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="record.html">提交记录</a>
				</li>
			</ul>
		</div>
	</nav>
	<br/>
	<div class="container">
		<div class="alert alert-light">
			<h2 align="center">登录</h2>
			<form action="#">
				<div class="form-group">
					<div style="text-align: center">
						<label for="password">邮箱：</label>
						<input type="text" required id="username">
					</div>
					<div style="text-align: center">
						<label for="password">密码：</label>
						<input type="password" required id="password">
					</div>
					<div style="text-align: center">
						<input type="checkbox"> 记住我（不要在公共电脑勾选此项）
					</div>
					<div style="text-align: center">
						<a href="signin.html">还没有账号？点击注册！</a>
					</div>
					<div style="text-align: center">
						<button type="submit" class="btn btn-secondary">登录</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
</html>
